<%--
    Document   : Consultar Horario
    Author     : Josmary Carrero
--%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>

<% request.setAttribute("allowed", "Gestionar Horarios"); %>
<%@ include file='../Templates/security.jsp' %>

<h1 class="title">Gestión de Horarios</h1>
<hr>
<p class="meta"></p>
<div id="entry">
    <h2>Consultar Horario</h2>
    <br>
    <div id="consultaHorarios">
        <table id="table" class="sortable">
            <thead>
                <tr>
                    <th><h5><div class='ordenar'  onclick="orden('horaInicio');" >Hora Inicio</div></h5></th>
                    <th><h5><div class='ordenar'  onclick="orden('horaFin');" >Hora Fin</div></h5></th>
                    <th><h5>Modificar</h5></th>
                </tr>
            </thead>
            <tbody id="resultado"></tbody>
        </table>
        <div style="clear: both;">&nbsp;</div>
        <%@ include file="../Templates/paginasTabla.jsp" %>
        <html:button property="" value="Consultar" styleId="consultarForm" styleClass="oculta"/>
    </div>
</div>
<div style="clear: both;">&nbsp;</div>
<script type="text/javascript">
    $(function(){
        $('#consultaHorarios').hide();
        consultarHorarios();
    });

    $('#consultarForm').click(consultarHorarios);
    function consultarHorarios(){
        limit = $('#limit').val();
        $.ajax({
            method: "POST",
            url:"consultarHorarios.do?limit="+limit+"&offset="+offset+"&order="+order+"&asc="+asc,
            dataType: "json",
            success: processConsultaHorarios
        });
    }

    function processConsultaHorarios(data){
        if(data.error){
            actionError(data.error);
            return;
        }
        $('#resultado').html("");
        $.each(data.Horarios , function(i,item){
            if ( (i % 2) == 0) fila = $("<tr bgcolor='#fff' id='rol_"+item.id+"'>");
            else fila = $("<tr bgcolor='#ecf2f6' id='rol_"+item.id+"'>");

            fila.append($("<td>").append(item.inicio));
            fila.append($("<td>").append(item.fin));

            mod = "<img onclick='return horariosM(\""+item.id+"\");' alt='Modificar' "+
                "src='style/images/table_edit1.png' width='20' height='20'>";

            fila.append($("<td>").append(mod));
            $('#resultado').append(fila);
        });

        tam = data.tam
        if(tam==0){
            $("#obs").html('<h4>No hay resultados que coincidan con los parametros dados.</h4>');
            $("#consultaHorarios").hide();
        } else {
            $("#obs").html('OBSERVACIÓN: Para ordenar la tabla por un campo específico, presionar el nombre de la columna.');
            $("#currentpage").html((offset/limit)+1);
            $("#pagelimit").html(Math.ceil(tam/limit));
            $("#consultaHorarios").show();
        }
        $("#loading").hide();
    }
</script>

